<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
</head>
<style type="text/css">
	header{
		position: relative;
		width: 100%;
		height: 50px;
		background-color: #669999;
	}
	header .left{
		font-size: 16px;
		position: absolute;
		top: 13px;
		bottom: 0;
		left: 8px;
		width: 100px;
		height: 50px;
	}
	header .left img{
		width: 24px;
	}
	header .center{
		font-size: 18px;
		position: absolute;
		top: 16px;
		left: 0;
		right: 0;
		color: #fff;
		letter-spacing: 8px;
	}
	#content{
		margin: 0 auto;
		padding-bottom: 50px;
    margin-top: 20px;
    text-align: center;
		width: 90%;
	}
  #content img{
    width: 100%;
  }
  #content p{
    text-indent: 2em;
    text-align: left;
    color: #6A6A6A;
  }
</style>
<body>
	<header>
   		<div class="left" id="leftBtn">
			<img src="../image/back.png">
   		</div>
   		<div class="center">通知详情</div>
   		<div class="right"></div>
   	</header>

   	<div id="content">
      <h4>2017-2018学年第一学期第十七周工作安排</h4>
      <h5 style="margin-top: 10px;color: #ccc;">发布时间： 2018-01-02 15:34   作者：本站编辑   来源：本站原创   浏览次数：156</h5>
      <div>
        <img src="../image/1.png">
      </div>
   	</div>
</body>

<script type="text/javascript" src="../script/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
    apiready = function(){
    	var w = $(window).width();
  		var h = $(window).height();
  		$(".center").css("left",(w-72)/2 + "px");
  		$("#head").css("left",(w-80)/2 + "px");
   	};

   	$("#leftBtn").click(function(){
   		api.openWin({
         	name: 'xytz',
            url: '../html/xytz.html',
            bounces: true,
  		});
   	});
</script>
</html>